<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<el-main style="width: 800px;margin: 0 auto">
  <div class="pro-info clearfix">
    <div class="proInfo-img fl">
      <!-- 图片轮播样式 -->
      <div class="pc-slide">
        <div class="view">
          <div class="swiper-container">
            <div class="swiper-wrapper" style="width: 1600px; height: 440px; transform: translate3d(-1200px, 0px, 0px); transition-duration: 0.3s;">

              <div class="swiper-slide" style="width: 400px; height: 440px;">
                <a href="javascript:void(0);"><img class="prodetailsclass" src="https://upyun.dinghuale.com/uploads/20200713/202007131103233026.jpg" alt=""></a>
              </div>

              <div class="swiper-slide" style="width: 400px; height: 440px;">
                <a href="javascript:void(0);"><img class="prodetailsclass" src="https://upyun.dinghuale.com/uploads/20200713/202007131103322734.jpg" alt=""></a>
              </div>

              <div class="swiper-slide" style="width: 400px; height: 440px;">
                <a href="javascript:void(0);"><img class="prodetailsclass" src="https://upyun.dinghuale.com/uploads/20200713/202007131103391352.jpg" alt=""></a>
              </div>

              <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 400px; height: 440px;">
                <a href="javascript:void(0);"><img class="prodetailsclass" src="https://upyun.dinghuale.com/uploads/20200713/202007131103474243.jpg" alt=""></a>
              </div>

            </div>
          </div>
        </div>
        <div class="preview">
          <div class="swiper-container">
            <div class="swiper-wrapper" style="padding-left: 0px; padding-right: 0px; width: 416px; height: 82px;">

              <div class="swiper-slide swiper-slide-visible swiper-slide-active">
                <a href="javascript:void(0);"><img src="https://upyun.dinghuale.com/uploads/20200713/202007131103233026.jpg" alt=""></a>
              </div>

              <div class="swiper-slide swiper-slide-visible">
                <a href="javascript:void(0);"><img src="https://upyun.dinghuale.com/uploads/20200713/202007131103322734.jpg" alt=""></a>
              </div>

              <div class="swiper-slide swiper-slide-visible">
                <a href="javascript:void(0);"><img src="https://upyun.dinghuale.com/uploads/20200713/202007131103391352.jpg" alt=""></a>
              </div>

              <div class="swiper-slide active-nav">
                <a href="javascript:void(0);"><img src="https://upyun.dinghuale.com/uploads/20200713/202007131103474243.jpg" alt=""></a>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="proInfo-content fr">
      <p class="info-title ellipsis">永恒回忆</p>
      <div class="info-msg clearfix">
        <p class="fl">材料：</p>
        <span class="fr info-msg-text">红玫瑰33枝，石竹梅外围点缀				</span>
      </div>
      <div class="info-msg clearfix">
        <p class="fl">包装：</p>
        <span class="fr info-msg-text">白色棉纸内包，黑色包装纸外围圆形包装，红色丝带蝴蝶结				</span>
      </div>
      <div class="info-msg clearfix">
        <p class="fl">附送：</p>
        <span class="fr info-msg-text">下单填写留言，免费赠送贺卡  </span>
      </div>
      <div class="info-msg clearfix">
        <p class="fl">配送：</p>
        <div class="ellipsis-more info-msg-text fr">
          <p>全国送货上门，市区免运费<a class="slideUpText" href="javascript:;">收起</a>
          </p>
          <span class="ellipsis-after"> ... </span>
        </div>
      </div>

      <div class="info-coupon clearfix">
        <p class="fl coupon-title align-center">优惠券：</p>
        <div class="coupon-list fr align-center">

          <div style="font-size: 14px; color: #666;">暂无优惠券</div>

        </div>
      </div>
      <div class="info-input clearfix">
        <p class="input-title fl">配送时间：</p>
        <div class="input-group fr">
          <input type="text" readonly="" class="layui-input" id="test1" style="width: 140px;" lay-key="1">
          <select id="freight" class="selectInput">
            <option value="1">不限时间</option>

            <option value="2">
              8:00-10:00
            </option>

            <option value="3">
              10:00-12:00
            </option>

            <option value="4">
              12:00-14:00
            </option>

            <option value="5">
              14:00-16:00
            </option>

            <option value="6">
              16:00-18:00
            </option>

            <option value="7">
              18:00-20:00
            </option>

            <option value="8">
              20:00-22:00
            </option>

            <option value="15">
              上午
            </option>

            <option value="16">
              下午
            </option>

            <option value="17">
              晚上
            </option>

          </select>
          <select name="" id="transport" class="selectInput">
            <option value="0">市区免费配送</option>

            <option value="30.00">
              近郊+30.00运费
            </option>

            <option value="50.00">
              远郊+50.00运费
            </option>

          </select>
        </div>
      </div>
      <div class="info-price">
        <div class="clearfix info-price-top">
          <p class="fl">
                                <span id="festival-block">


                                    店铺价：
                                </span>
            <span class="info-price-number">￥<span id="festival-price">328</span></span>
          </p>

        </div>
        <div class="clearfix info-price-bottom">
          <p class="fl">
                                <span>
                                    市场价：
                                </span>
            <del class="info-price-number">
              ￥<span id="market-price">399</span>
            </del>
          </p>
          <p class="fr info-price-xiaoliang">
            销量<span>16022</span>笔
          </p>
        </div>
      </div>
      <div class="info-btns clearfix">
        <div class="fl info-num align-center">
          <span class="fl align-center">数量：</span>
          <ul class="nmb_jj fl">
            <li class="jian">-</li>
            <li>
              <input name="" type="text" value="1" class="srkk" id="num">
            </li>
            <li class="jia">+</li>
          </ul>
        </div>
        <div class="infoBtn-list fr">
          <div class="addCart hvr-shutter-out-horizontal" onclick="addCartList(this)" data-params="{&quot;id&quot;:&quot;270&quot;,&quot;title&quot;:&quot;永恒回忆&quot;,&quot;material&quot;:&quot;红玫瑰33枝，石竹梅外围点缀\t\t\t\t&quot;,&quot;package&quot;:&quot;白色棉纸内包，黑色包装纸外围圆形包装，红色丝带蝴蝶结\t\t\t\t&quot;,&quot;attach&quot;:&quot;下单填写留言，免费赠送贺卡  &quot;,&quot;distribution&quot;:&quot;全国送货上门，市区免运费&quot;,&quot;pics&quot;:&quot;https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg&quot;,&quot;price&quot;:&quot;399&quot;,&quot;current_price&quot;:&quot;328&quot;,&quot;sales&quot;:&quot;16022&quot;,&quot;num&quot;:&quot;0&quot;,&quot;content&quot;:&quot;<p><img src=\&quot;https://upyun.dinghuale.com/uploads/20200713/202007131104203475.jpg\&quot;><img src=\&quot;https://upyun.dinghuale.com/uploads/20200713/202007131104105094.jpg\&quot;><img src=\&quot;https://upyun.dinghuale.com/uploads/20200713/202007131104039606.jpg\&quot;></p>&quot;,&quot;create_time&quot;:&quot;1593594255&quot;,&quot;is_recommend&quot;:&quot;1&quot;,&quot;updown&quot;:&quot;1&quot;,&quot;is_index&quot;:&quot;0&quot;,&quot;floor_id&quot;:&quot;8&quot;,&quot;lunbotu&quot;:[&quot;https://upyun.dinghuale.com/uploads/20200713/202007131103233026.jpg&quot;,&quot;https://upyun.dinghuale.com/uploads/20200713/202007131103322734.jpg&quot;,&quot;https://upyun.dinghuale.com/uploads/20200713/202007131103391352.jpg&quot;,&quot;https://upyun.dinghuale.com/uploads/20200713/202007131103474243.jpg&quot;],&quot;flower_type_str&quot;:&quot;23,31,34,27,26,48&quot;,&quot;floor_sort&quot;:&quot;4&quot;,&quot;sort&quot;:&quot;5&quot;,&quot;edit_time&quot;:&quot;1678184601&quot;,&quot;is_changeprice&quot;:&quot;1&quot;,&quot;old_price&quot;:&quot;328.00&quot;,&quot;old_current_price&quot;:&quot;399.00&quot;,&quot;pics_arr&quot;:[&quot;https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg&quot;],&quot;is_festival&quot;:0}">加入购物车</div>
          <div onclick="subOrderClick()" class="buySub hvr-shutter-out-horizontal">立即购买</div>
        </div>
      </div>
    </div>
  </div>

</el-main>
</body>
</html>